<html>
    <head>
        <title>topWindow</title>
    </head>
    <body>
        <script>
             /*
                        四、topWindow

                                   uni-app 2.9+ 新增 leftWindow, topWindow, rightWindow 配置。用于解决宽屏适配问题。
                                   
                                   以现有的手机应用为mainWindow，在左、上、右，可以追加新的页面显示窗体。

                                   整体的宽屏适配思路，参考单独的宽屏适配指南：  https://uniapp.dcloud.net.cn/tutorial/adapt


                                   属性                类型                默认值            描述

                                1、path               String                               配置页面路径

                                2、style              Object                               配置页面窗口表现，配置项参考下方 pageStyle https://uniapp.dcloud.net.cn/collocation/pages#style

                                3、matchMedia         Object                               配置显示该窗口的规则，配置项参考下方 matchMedia  https://uniapp.dcloud.net.cn/collocation/pages#matchmedia


                                ★、注意：

                                        <1>、目前 style 节点仅支持配置 width，height 等 css 样式相关属性

                                        <2>、如果需要当存在 topwindow 时，自动隐藏页面的 navigationBar，根据需求不同在App.vue中配置如下 css：

                                                    ①、只需要隐藏某个页面的 navigationBar :
                                                    
                                                        /* 隐藏路径为 pages/component/view/view 页面的 navigationBar *

                                                            .uni-app--showtopwindow [data-page="pages/component/view/view"] uni-page-head {
                                                                display: none;
                                                            }

                                                    ②、需要隐藏大部分页面的 navigationBar ,显示某个页面的 navigationBar：

                                                          /* 隐藏所有页面的 navigationBar *
                                                            .uni-app--showtopwindow uni-page-head {
                                                                display: none;
                                                            }

                                                          /* 显示路径为 pages/component/view/view 页面的 navigationBar *
                                                            .uni-app--showtopwindow [data-page="pages/component/view/view"] uni-page-head {
                                                                display: block;
                                                            }

                    */
        </script>
    </body>
</html>